<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
	<meta http-equiv="X-UA-Compatible" content="IE=9"/>
	<title>登录</title>
	<script src="js/vue/dist/vue.min.js"></script>
	<script src="js/element-ui/lib/index.js"></script>
	<script src="js/jquery-3.4.1.min.js"></script>
	<script src="js/web-util.js"></script>
	<script src="js/md5.js"></script>
	<link rel="stylesheet" href="js/element-ui/lib/theme-chalk/index.css">
	<link rel="stylesheet" href="css/login.css">
</head>
<body>
<div id="app" v-cloak style="padding: 0;margin: 0;">
	<template>
		<el-container>
			<el-main style="background-image: url('image/login_bg.jpg')">
				<el-card class="box-card">
					<div slot="header" class="card-header">
						<span>用户登录</span>
					</div>
					<el-form :model="loginForm" busiStatus-icon :rules="loginFormRules" ref="loginForm" label-width="0px">
						<el-form-item prop="loginName">
							<el-row :gutter="20">
								<el-col :span="24">
									<el-input v-model="loginForm.loginName" placeholder="登录名"
											  prefix-icon="el-icon-user-solid"  auto-complete="off">
									</el-input>
								</el-col>
							</el-row>
						</el-form-item>
						<el-form-item prop="password">
							<el-row :gutter="20">
								<el-col :span="24">
									<el-input v-model="loginForm.password" placeholder="密码"
											  prefix-icon="el-icon-lock" auto-complete="off" type="password"></el-input>
								</el-col>
							</el-row>
						</el-form-item>
						<el-form-item>
							<el-button :loading="loginLoading" type="primary" @click="login()" ><span v-text="loginBtnMsg"></span></el-button>
						</el-form-item>
					</el-form>
				</el-card>
			</el-main>
			<el-footer>
				<span> &copy; xxx有限公司</span>
			</el-footer>
		</el-container>
	</template>
</div>
<script type="text/javascript" src="./login.js"></script>
</body>
</html>